
function pageInfo() {
    //渲染表头
    $(".myTable2").html("<tr><td colspan='4' style='color: #009E94;font-size: 15px;font-weight: bold'>权限管理</td></tr><tr><th style=\"text-align:center;vertical-align:middle;\">序号</th>" +
        "<th style=\"text-align:center;vertical-align:middle;\">部门</th>" +
        "<th style=\"text-align:center;vertical-align:middle;\">职位</th>" +
        "<th style=\"text-align:center;vertical-align:middle;\">操作</th></tr>")

    $.ajaxSettings.async = false;
    $.getJSON("/zpf/selRole","", function (dataA) {
        console.log(dataA);
            $(dataA).each(function (i, v) {
                let feny = "<tr style=\"text-align:center;vertical-align:middle;\">"+
                    "<td>"+(i+1)+"</td>"+
                    "<td>"+v.brName+"</td>"+
                    "<td>"+v.rname+"</td>"+
                    "<td>"+"<a href='#'>"+"<button style='width:70px' class='layui-btn layui-btn-normal' onclick='sel01("+v.rId+",this)'>"+"查看权限"+"</button>"+"</a>"+"&nbsp;"+"&nbsp;"+
                    "<a href='#'>"+"<button style='width:70px' class='layui-btn layui-btn-normal' onclick='upd("+v.rId+",this)'>"+"修改权限"+"</button>"+"</a>"+
                    "</td>"+
                    "</tr>";
                $(".myTable2").append(feny);
            })
    })
    $.ajaxSettings.async = true;
}


function sel01(id,thisA) {

    layer.open({
        title: '查看权限明细'
        , content: '<table class="layui-table myTable3" style="text-align: center">\n' +
            '        <tr>\n' +
            '            <td style="font-size: larger;font-weight: bold">当前可操作的页面:</td>\n' +
            '        </tr>\n' +
            '    </table>',
        area: ['400px', '600px'],
        maxmin: true, 				//允许全屏最小化
        resize:true,				//允许被拉伸
        skin: 'layui-layer-molv', 			//注意这里，靠这个css自定义样式！！！！！

        btn: ["确定"],
        btnAlign: 'c',
        success: function () {//弹出层弹出后回调
            let jsonC={
                rId:id
            }
            let tr;
            $.ajaxSettings.async = false;
            $.getJSON("/zpf/selMenuByrId",jsonC, function (dataA) {

                console.log(dataA);
                $(dataA).each(function (i, v) {
                    tr= "<tr style='vertical-align: center'>"+
                        "<td>"+"<input type='checkbox' readonly checked style=\"vertical-align:middle;\">"+"&nbsp;"+v.mname+"</td>"+
                        "</tr>";

                    $(".myTable3").append(tr);
                })
            })
            $.ajaxSettings.async = true;

        },
        btn1: function () {//确定事件
            layer.closeAll();
        }
    })
}

function upd(id,thisA) {

    layer.open({
        title: '修改权限'
        , content: '<table class="layui-table myTable3" style="text-align: center">\n' +
            '        <tr>\n' +
            '            <td style="font-size: larger;font-weight: bold">当前可操作的页面:</td>\n' +
            '        </tr>\n' +
            '    </table>',
        area: ['400px', '600px'],
        maxmin: true, 				//允许全屏最小化
        resize:true,				//允许被拉伸
        skin: 'layui-layer-molv', 			//注意这里，靠这个css自定义样式！！！！！
        anim:3,
        btn: ["确定", "取消"],
        btnAlign: 'c',
        success: function () {//弹出层弹出后回调
            let jsonC={
                rId:id
            }
            let tr;
            $.ajaxSettings.async = false;
            $.getJSON("/zpf/selMenuByrId",jsonC, function (dataA) {

                console.log(dataA);
                $(dataA).each(function (i, v) {
                    tr= "<tr style='vertical-align: center'>"+
                        "<td>"+"<input type='checkbox' name='test' checked style=\"vertical-align:middle;\" value='"+v.mId+"'>"+"&nbsp;"+v.mname+"</td>"+
                        "</tr>";

                    $(".myTable3").append(tr);
                })
            })

            $.getJSON("/zpf/selAllMenuByrId",jsonC, function (dataA) {
                console.log("方法2回调" + dataA);
                $(dataA).each(function (i, v) {
                    tr= "<tr style='vertical-align: center'>"+
                        "<td>"+"<input type='checkbox' name='test'  style=\"vertical-align:middle;\" value='"+v.mId+"'>"+"&nbsp;"+v.mname+"</td>"+
                        "</tr>";

                    $(".myTable3").append(tr);
                })
            })
            $.ajaxSettings.async = true;
        },
        btn1: function () {//确定事件

                var check =[];
                $('input[name="test"]:checked').each(function(){
                    check.push($(this).val());
                });
                alert(check.length==0 ?'你还没有选择任何内容！':check);

              let  jsonB={
                  rId:id,
                  check:check
              }
            $.ajaxSettings.async = false;
            $.getJSON("/zpf/updRole_Menu",jsonB, function (dataA) {

               if(dataA==true){
                   layer.alert('权限修改成功！', {
                       skin: 'layui-layer-molv' //样式类名  自定义样式
                       ,closeBtn: 1    // 是否显示关闭按钮
                       ,anim: 1 //动画类型
                       ,btn: ['确定'] //按钮
                       ,icon: 6    // icon
                       ,area: ['400px', '200px']
                       ,yes:function(){
                            layer.closeAll();
                       }
                   });
               }else{
                   layer.alert('权限修改失败！', {
                       skin: 'layui-layer-molv' //样式类名  自定义样式
                       ,closeBtn: 1    // 是否显示关闭按钮
                       ,anim: 1 //动画类型
                       ,btn: ['确定'] //按钮
                       ,icon: 6    // icon
                       ,area: ['400px', '200px']
                       ,yes:function(){
                           layer.closeAll();
                       }
                   });
               }

            })
            $.ajaxSettings.async = true;

        },
        btn2: function () {//取消事件
            layer.closeAll();
        }
    })
}